<!--
 * @Author: your name
 * @Date: 2020-12-09 14:41:18
 * @LastEditTime: 2020-12-09 17:59:16
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \sende_nuxt\pages\personalCenter\addressBook\addressBook\index.vue
-->
<template>
  <div class="addressBook h100 relative">
    <div class="addressBook_address mb10">
        <h4 class="addressBook_title b size12 mb10">{{$t('Default Addresses')}}</h4>
        <div class="s12 addressBook_wrapper">
            <div class="addressBook_box spacing">
                <div class="addressBook_box_title plr10 b size12 spacing">{{$t('Default Billing Address')}}</div>
                <ul class="addressBook_box_content ptb20 plr10 spacing">
                    <li class="billing_name mb10 size12">wang gao</li>
                    <li class="billing_country mb10 size12">china</li>
                    <li class="billing_street mb10 size12">机场大道诚远大厦</li>
                    <li class="billing_street mb10 size12">wenzhou, <span class="zipCode">325100</span></li>
                    <li class="billing_countrys mb10 size12">China</li>
                    <li class="billing_mobile mb10 size12">T: 18334440006</li>
                </ul>
                <div class="addressBook_box_bottom plr10 spacing">
                    <nuxt-link class="edit underline size12" :to="{path: '/personalCenter/addressBook', query: {type: 1}}">Change Billing Address</nuxt-link>
                </div>
            </div>
            <div class="addressBook_box spacing">
                <div class="addressBook_box_title plr10 b size12 spacing">{{$t('Default Shipping Address')}}</div>
                <ul class="addressBook_box_content ptb20 plr10 spacing">
                    <li class="ship_name mb10 size12">wang gao</li>
                    <li class="ship_country mb10 size12">china</li>
                    <li class="ship_street mb10 size12">机场大道诚远大厦</li>
                    <li class="ship_street mb10 size12">wenzhou, <span class="zipCode">325100</span></li>
                    <li class="ship_countrys mb10 size12">China</li>
                    <li class="ship_mobile mb10 size12">T: 18334440006</li>
                </ul>
                <div class="addressBook_box_bottom plr10 spacing">
                    <nuxt-link class="edit underline size12" :to="{path: '/personalCenter/addressBook', query: {type: 2}}">Change Shipping Address</nuxt-link>
                </div>
            </div>
        </div>
    </div>
    <div class="addressBook_entries mb10">
        <h4 class="addressBook_title b size12 mb10">{{$t('Additional Address Entries')}}</h4>
        <div class="mtb10">{{$t('You have no other address entries in your address book.')}}</div>
        <button class="addressBook_add ptb5 size13 plr15 pointer">ADD NEW ADDRESS</button>
    </div>
    <back />
  </div> 
</template>

<script>
import Back from '~/components/personalCenter/Back'
export default {
  components: {
    Back
  }
}
</script>

<style lang="scss" scoped>
@import "~/assets/scss/index.scss";
.addressBook_add {
  border: 1px solid $ddd;
  color: $c666;
  &:hover {
    background: $cfff;
  }
}
</style>